<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" user-scalable=no" >
    <title>商品列表</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
    <script src="/ztree/js/jquery.ztree.all.min.js"></script>
    <link rel="stylesheet" href="/css/Manageproductlist/productlist.css"/>
</head>
<body>
    <div class="layui-row" >
        <div class="layui-col-md11">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor">
                    商品列表
                    <div class="btnRight" style="margin-bottom: 10px">
                        <button onclick="refresh()" type="button" class="layui-btn layui-btn layui-btn-sm">
                            <i class="layui-icon layui-icon-refresh-1"></i>
                            刷新
                        </button>
                        <button onclick="backOff()" type="button" class="layui-btn layui-btn layui-btn-sm">
                            <i class="layui-icon layui-icon-return"></i>
                            返回
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--筛选查询-->
    <div class="layui-row">
        <div class="layui-col-md11">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor">
                    <i class="layui-icon">&#xe615;</i>
                    筛选查询
                    <button onclick="accurate()" class="btnRight layui-btn layui-btn-sm">
                        高级检索
                    </button>
                </div>
                <div class="layui-card-body">
                    <form class="layui-form" >
                        <div class="layui-form-item">
                            <div class="floa">
                                <label class="layui-form-label fontsize" >输入搜索：</label>
                                <div class="layui-input-inline" style="margin-right: -30px; padding-right: -30px">
                                    <input type="text" name="title" required lay-verify="required" placeholder="请输入商品名称" autocomplete="off" class="layui-input inp">
                                </div>
                            </div>
                            <div class="floa">
                                <label class="layui-form-label fontsize">商品分类：</label>
                                <div class="layui-input-inline fontsize inp" style="width: 127px; margin-right: 20px">
                                    <select id="proTitle" lay-verify="required" lay-filter="filter" >
                                        <option value="0">请选择商品分类</option>
                                    </select>
                                </div>
                            </div>


                            <label class="layui-form-label fontsize">商品状态：</label>
                            <div class="layui-input-inline fontsize inp" style="width: 127px;margin-right: 20px">
                                <select name="productSate" lay-verify="required" class="inp">
                                    <option value="">请选择商品状态</option>
                                    <option value="0">已删除</option>
                                    <option value="1">上架</option>
                                    <option value="2">下架</option>
                                </select>
                            </div>

                            <label class="layui-form-label fontsize">商品标签：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="productLabel" required lay-verify="required" placeholder="请输入商品名称" autocomplete="off" class="layui-input inp">
                            </div>

                            <span style="float:right;">
                                <button onclick="selProduct()" type="button" class="layui-btn layui-btn layui-btn-sm">
                                    <i class="layui-icon layui-icon-search"></i> 搜索
                                </button>
                                <button onclick="reset()" type="button" class="layui-btn layui-btn-warm layui-btn layui-btn-sm">
                                    <i class="layui-icon layui-icon-refresh-1"></i> 重置
                                </button>
                            </span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--商品列表-->

    <div class="layui-row ">
        <div class="headerCenter layui-col-md11" style="min-width:1300px;">
            <!--选择分类类型-->
            <div class="layui-col-md2">
                <ul id="treeDemo" class="ztree"></ul>
                <div id="rMenu" style="display: none; position: fixed;">
                    <button onclick="addHoverDom()" class="layui-btn layui-btn-sm  layui-btn-warm" >
                        <i class="layui-icon layui-icon-addition"></i>
                        添加
                    </button>
                    <br/>
                    <button onclick="delnode()" class="layui-btn layui-btn-sm  layui-btn-warm">
                        <i class="layui-icon layui-icon-delete"></i>
                        删除
                    </button>
                    <br/>
                    <button onclick="Rename()" class="layui-btn layui-btn-sm  layui-btn-warm">
                        <i class="layui-icon layui-icon-edit"></i>
                        修改
                    </button>
                </div>
            </div>
            <div id="toolutil" style="display: none;">
                <span>
                    <i class="layui-icon layui-icon-align-left"></i>
                    数据列表
                </span>
                <span class="btnRight">
                    <button onclick="addProduct()" type="button" class="layui-btn layui-btn layui-btn-sm">
                        <i class="layui-icon layui-icon-upload-circle"></i>
                        添加
                    </button>
                    <button id="daoRu" onclick="daoRu()" type="button" class="layui-btn layui-btn layui-btn-sm dr">
                        <i class="layui-icon layui-icon-add-1"></i>
                        导入
                    </button>
                </span>
            </div>
            <!--商品表格-->
            <div class="layui-col-md9">
                <table id="demo" lay-filter="test"></table>
            </div>
            <div class="layui-upload-drag" id="test10" style="display:none;width:280px;height:150px; text-align:center;">
                <br/><br/>
                <i class="layui-icon"></i>
                <p>点击上传，或将文件拖拽到此处</p>
            </div>
        </div>
    </div>

    <input type="text" id="proId" style="display: none"/>
    <script src="/js/Manageproductlist/productlist.js"></script>
</body>
</html>